<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
      <link rel='stylesheet' href='//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css'/>
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>

    <% if(message.length > 0) { %>
        <div class="alert alert-danger" id="error-box">
            <p><%= message %></p>
        </div>
    <% } %>

    <form name="login-form" action="/login" method="post">
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" name="username" id="username" placeholder="input username..." class="form-control" />
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input type="password" name="password" id="password" placeholder="input password..." class="form-control" />
    	</div>
    	<button type="submit" class="btn btn-primary">Log In</button>
    </form>
  <hr/>
  <a href="/recovery">Forgot your account?</a><br/>
  <a href="/signup">Create an account</a>
  </body>
</html>